<template>
	<view>
		<image class="bg-set" src="../../static/global-bg.jpg" mode="widthFix"></image>
		<view class="card">
			<card :cardinfo="cardinfo"></card>
			<button class="button" @click="change">换一条</button>
		</view>
	</view>
	
</template>

<script>
	import Card from '@/components/Card.vue'
	import {getTipApi} from '@/api/tips.js'
	export default {
		components: {
			Card
		},
		data () {
			return {
				cardinfo: {
					"authImg": "../static/logo.png",
					"authName": "小物",
					"createTime": "2020-02-01",
					"content": " 积极心理学是心理学领域的一场革命，也是人类社会发展史中的一个新里程碑，是一门从积极角度研究传统心理学研究的东西的新兴科学。积极心理学作为一个研究领域的形成，以Seligman和Csikzentmihalyi的2000年1月发表的论文《积极心理学导论》为标志。它采用科学的原则和方法来研究幸福，倡导心理学的积极取向，以研究人类的积极心理品质、关注人类的健康幸福与和谐发展。",
				 },
				list: [
					'习得性无助（屡次碰壁后放弃）指个人经历了失败与挫折后,面临问题时产生的无能为力、丧失信心的心理状态与行为。[由宾夕法尼亚大学的Martin E.P.Seligma（1942-）先后与J.Bruce Overmier、科罗拉多大学博尔德分校的Steven F.Maier在1967年的动物实验中首次提出。]',
					'皮格马利翁效应（所愿即所得）亦称期望效应、罗森塔尔效应，指人们基于对某种情境的知觉而形成的期望或预言，会使该情境产生适应这一期望或预言的效应。你期望什么，你就会得到什么，很多当下所得其实是过去的“未来期待”产生的结果。简而言之，就是对期望的心理暗示，可以促使人们的认知和行为发生同向改变，进而使该期望得以实现。[由美国心理学家、哈佛大学教授RobertRosenthal（1933-）和他的学生A. L. Jacobson，于1968年进行的7项小学教育实验后提出。]',
					'阿伦森效应（得到赞扬就开心，失去赞扬就灰心）指随着奖励减少而导致态度逐渐消极，随着奖励增加而导致态度逐渐积极的心理现象。表现为人们喜欢那些对自己的喜欢、奖励、赞扬不断增加的人或物，而不喜欢那对自己的喜欢、奖励、赞扬不断减少的人或物。[由美国社会心理学家Elliot Aronson（1932-）提出。]',
					'积极心理学是心理学领域的一场革命，也是人类社会发展史中的一个新里程碑，是一门从积极角度研究传统心理学研究的东西的新兴科学。积极心理学作为一个研究领域的形成，以Seligman和Csikzentmihalyi的2000年1月发表的论文《积极心理学导论》为标志。它采用科学的原则和方法来研究幸福，倡导心理学的积极取向，以研究人类的积极心理品质、关注人类的健康幸福与和谐发展。'
				],
			}
		},
		mounted() {
			this.handleTime()
		},
		methods: {
			handleTime () {
				let time = new Date()
				const year = time.getFullYear()
				const month = time.getMonth()+1 >= 10?time.getMonth()+1:'0'+(time.getMonth()+1)
				const day  = time.getDate() >= 10? time.getDate():'0'+time.getDate()
				this.cardinfo.createTime =  year +'-'+ month + '-' + day
			},
			// 切换贴士
			change () {
				let index = this.random(0, this.list.length)
				this.cardinfo.content = this.list[index]
				getTipApi().then(res => {
					if (res.code !== 200) {
						uni.showToast({
							title:res.message,
							icon:none,
							duration:1000
						})
						return
					}
					this.cardinfo.content = res.data.content
				})
			},
			// 生成指定范围随机数
			random (m, n) {
			   return Math.floor(Math.random() * (n - m)) + m
			}
		}
	}
</script>

<style lang="scss">
	.card {
		position: absolute;
		top: 40%;
		transform: translateY(-50%);
	}
	.button {
		position: absolute;
		font-size: $uni-font-size-base;
		background: linear-gradient(to right, #ffe7ba, $theme-color);
		border-radius: 200rpx;
		left: 50%;
		transform: translateX(-50%);
		width: 300rpx;
		color: #fff
	}
</style>
